﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<zeus.Core.Unidad>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
    <h2>
        Nueva Unidad</h2>
    <% Html.EnableClientValidation(); %>
    <% using (Html.BeginForm())
       {%>
    <%: Html.ValidationSummary(true) %>
    <fieldset>
        <legend>Información General</legend>
        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Numero) %>--%>
                Palabra Emergencia
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.PalabraEmergencia) %>
                <%: Html.ValidationMessageFor(model => model.PalabraEmergencia)%>
            </div>
        </div>

        <div class="rightField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Nombre) %>--%>
               Imagen de Vehiculo
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.ImagenVehiculo) %>
                <%: Html.ValidationMessageFor(model => model.ImagenVehiculo)%>
            </div>
        </div>

        <div class="leftField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Nombre) %>--%>
              Compania a la que pertenece
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Compania) %>
                <%: Html.ValidationMessageFor(model => model.Compania)%>
            </div>
        </div>

        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Numero) %>--%>
                Nombres
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.NombresDuenio) %>
                <%: Html.ValidationMessageFor(model => model.NombresDuenio)%>
            </div>
        </div>

        <div class="leftField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Nombre) %>--%>
               Apellidos
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.ApellidosDuenio) %>
                <%: Html.ValidationMessageFor(model => model.ApellidosDuenio)%>
            </div>
        </div>

        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Nombre) %>--%>
              Direccion Domiciliaria
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.DireccionDomicilio) %>
                <%: Html.ValidationMessageFor(model => model.DireccionDomicilio)%>
            </div>
        </div>

        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Numero) %>--%>
                Numero Dispositivo
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Numero) %>
                <%: Html.ValidationMessageFor(model => model.Numero) %>
            </div>
        </div>
        <div>
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Nombre) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Nombre) %>
                <%: Html.ValidationMessageFor(model => model.Nombre) %>
            </div>
        </div>
        <div class="leftField">
            <div class="editor-label">
             <%: Html.LabelFor(model => model.Telefono) %>
            </div>
             <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Telefono) %>
                <%: Html.ValidationMessageFor(model => model.Telefono) %>
            </div>
        </div>
        <div>
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Icono) %>
            </div>
                <%: Html.DropDownList("Icono")%>
            <div class="clear">
            </div>
        </div>
    </fieldset>
    <fieldset>
    <legend>Datos del dispositivo</legend>
        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.CodigoDispositivo) %>--%>
                IMEI Dispositivo
            </div>
            <div class="editor-field">
               <%: Html.TextBoxFor(model => model.Imei) %>
            <%: Html.ValidationMessageFor(model => model.Imei)%>
            </div>
        </div>
        <div class="rightField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.CodigoDispositivo) %>--%>
                Modelo de dispositivo
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("CodigoDispositivo")%>
                <%: Html.ValidationMessageFor(model => model.CodigoDispositivo)%>
            </div>
        </div>
        <div class="rightField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.CodigoTerminal) %>--%>
                Accesorios
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("CodigoTerminal")%>
                <%: Html.ValidationMessageFor(model => model.CodigoTerminal)%>
            </div>
        </div>
        <div class="leftField">
            <div class="editor-label">
            <%--<%: Html.LabelFor(model => model.CodigoDispositivo) %>--%>
                Tipo de dispositivo
            </div>
            <div class="editor-field">
              <%--  <%: Html.DropDownList("CodigoMarcaDispositivo")%>
                <%: Html.ValidationMessageFor(model => model.CodigoDispositivo)%>--%>
                  <%: Html.TextBoxFor(model => model.Dispositivo.Marca) %>
            <%: Html.ValidationMessageFor(model => model.Dispositivo.Marca)%>
            </div>
       </div>
    </fieldset>
    
    <fieldset>
    <legend>Accesorios</legend>

     <div class="editor-field">
               <%-- <%: Html.CheckBoxFor(model => model.CodigoTerminal)%>
                <%: Html.LabelFor(model => model.Activo)%>
                <%: Html.ValidationMessageFor(model => model.Activo)%>    --%>            
            </div>
    
    </fieldset>
    <fieldset>
        <legend>Datos de la Sim (Operadora)</legend>

        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Numero) %>--%>
                Operadora SIM
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.SimOperadora) %>
                <%: Html.ValidationMessageFor(model => model.SimOperadora)%>
            </div>
        </div>

        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Nombre) %>--%>
               Numero Sim
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.SimNumero) %>
                <%: Html.ValidationMessageFor(model => model.SimNumero)%>
            </div>
        </div>
        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Nombre) %>--%>
               IP Sim
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.SimIP) %>
                <%: Html.ValidationMessageFor(model => model.SimIP)%>
            </div>
        </div>
    
    </fieldset>
    <fieldset>
    <legend>Datos del vehiculo </legend>
         <div class="leftField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Modelo) %>--%>
               Modelo Vehiculo
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Modelo) %>
                <%: Html.ValidationMessageFor(model => model.Modelo) %>
            </div>
        </div>
        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Color) %>--%>
               Color Vehiculo
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Color) %>
                <%: Html.ValidationMessageFor(model => model.Color) %>
            </div>
        </div>
        <div class="leftField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Marca) %>--%>
               Marca Vehiculo
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Marca) %>
                <%: Html.ValidationMessageFor(model => model.Marca) %>
            </div>
        </div>
        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Placa) %>--%>
               Placa Vehiculo
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Placa) %>
                <%: Html.ValidationMessageFor(model => model.Placa) %>
            </div>
        </div>

         <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Placa) %>--%>
                Numero de Motor
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.NumeroMotor) %>
                <%: Html.ValidationMessageFor(model => model.NumeroMotor)%>
            </div>
        </div>

         <div>
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Placa) %>--%>
                Numero de Chasis
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.NumeroChasis) %>
                <%: Html.ValidationMessageFor(model => model.NumeroChasis)%>
            </div>
        </div>
    
    </fieldset>
    <fieldset>
    <legend>Datos de Disponibilidad</legend>
    <table>
            <tr>
                <td>
                    <div class="editor-label">
                        Disponible para
                    </div>
                    <div class="editor-field">
                        <%: Html.ListBox("UsuariosDisponiblesList", ViewData["usuariosDisponibles"] as MultiSelectList, new { @class = "selectMultiple" })%>
                    </div>
                </td>
                <td>
                    <input type="button" value="Agregar" name="btnAgregarUsuario" id="btnAgregarUsuario"
                        class="buttonMultiple" />
                    <br />
                    <input type="button" value="Remover" name="btnRemoverUsuario" id="btnRemoverUsuario"
                        class="buttonMultiple" />
                </td>
                <td>
                    <div class="editor-label">
                        Disponibles
                    </div>
                    <div class="editor-field">
                        <%: Html.ListBox("UsuariosSeleccionadosList", ViewData["usuariosSeleccionados"] as MultiSelectList, new { @class = "selectMultiple" })%>
                    </div>
                </td>
            </tr>
        </table>
        <%: Html.ValidationMessageFor(model => model.UsuarioUnidades)%>
    
    </fieldset>
    <fieldset>
        <legend>Notificaciones a telefono movil</legend>
        <div class="leftField">
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Notificacion1) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Notificacion1)%>
                <%: Html.ValidationMessageFor(model => model.Notificacion1)%>
            </div>
        </div>
        <div>
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Notificacion2)%>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Notificacion2)%>
                <%: Html.ValidationMessageFor(model => model.Notificacion2)%>
            </div>
        </div>
        <div class="leftField">
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Notificacion3)%>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Notificacion3)%>
                <%: Html.ValidationMessageFor(model => model.Notificacion3)%>
            </div>
        </div>
        <div>
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Notificacion4)%>
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Notificacion4)%>
                <%: Html.ValidationMessageFor(model => model.Notificacion4)%>
            </div>
        </div>
        <%--<div class="editor-label">
            <%: Html.LabelFor(model => model.Mensaje)%>
        </div>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.Mensaje)%>
            <%: Html.ValidationMessageFor(model => model.Mensaje)%>
        </div>

        <div class="leftField">
            <div class="editor-label">
                <%: Html.LabelFor(model => model.CodigoIdioma) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("CodigoIdioma")%>
                <%: Html.ValidationMessageFor(model => model.CodigoIdioma)%>
            </div>
        </div>

        <div>
            <div class="editor-label">
                <%: Html.LabelFor(model => model.Velocidad) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("Velocidad")%>
                <%: Html.ValidationMessageFor(model => model.Velocidad)%>
            </div>
        </div>--%>
        <%--<div class="editor-field">
            <%: Html.CheckBoxFor(model => model.PermitirComando)%>
            <%: Html.LabelFor(model => model.PermitirComando)%>
            <%: Html.ValidationMessageFor(model => model.PermitirComando)%>
        </div>

        <div class="editor-field">
            <%: Html.CheckBoxFor(model => model.PermitirEstado)%>
            <%: Html.LabelFor(model => model.PermitirEstado)%>
            <%: Html.ValidationMessageFor(model => model.PermitirEstado)%>
        </div>--%>
        <%--<table>
            <tr>
                <td>
                    <div class="editor-label">
                        Notificación por         
                    </div>

                    <div class="editor-field">
                        <%: Html.ListBox("EventosDisponiblesList", ViewData["eventosDisponibles"] as MultiSelectList, new { @class = "selectMultiple" })%>   
                    </div>
                </td>
                <td>
                    <input type="button" value="Agregar" name="btnAgregarEvento" id="btnAgregarEvento" class="buttonMultiple" />
                    <br />
                    <input type="button" value="Remover" name="btnRemoverEvento" id="btnRemoverEvento" class="buttonMultiple" />
                </td>
                <td>
                    <div class="editor-label">
                        Disponibles
                    </div>

                    <div class="editor-field">
                            <%: Html.ListBox("EventosSeleccionadosList", ViewData["eventosSeleccionados"] as MultiSelectList, new { @class = "selectMultiple" })%>   
                    </div>
                </td>
            </tr>
        </table>--%>
    </fieldset>
    <fieldset>
    <legend>Notificaciones a correo electronico</legend>
        <div class="leftField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Notificacion1) %>--%>
               Correo Electronico 1
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Correo1)%>
                <%: Html.ValidationMessageFor(model => model.Correo1)%>
            </div>
        </div>
        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Notificacion2)%>--%>
               Correo Electronico 2
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Correo2)%>
                <%: Html.ValidationMessageFor(model => model.Correo2)%>
            </div>
        </div>
        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Notificacion3)%>--%>
                Correo Electronico 3
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Correo3)%>
                <%: Html.ValidationMessageFor(model => model.Correo3)%>
            </div>
        </div>
        <div>
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Notificacion4)%>--%>
                Correo Electronico 4
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.Correo4)%>
                <%: Html.ValidationMessageFor(model => model.Correo4)%>
            </div>
        </div>

    </fieldset>

    <fieldset>
    <legend> Notificaciones a telefono fijo</legend>

         <div class="leftField">
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Notificacion1) %>--%>
               Telefono Domicilio
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.TelefonoCasa)%>
                <%: Html.ValidationMessageFor(model => model.TelefonoCasa)%>
            </div>
        </div>
        <div>
            <div class="editor-label">
               <%-- <%: Html.LabelFor(model => model.Notificacion2)%>--%>
              Telefono Oficina
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.TelefonoOficina)%>
                <%: Html.ValidationMessageFor(model => model.TelefonoOficina)%>
            </div>
        </div>
        <div class="leftField">
            <div class="editor-label">
                <%--<%: Html.LabelFor(model => model.Notificacion3)%>--%>
                Telefono Notificacion Alterna
            </div>
            <div class="editor-field">
                <%: Html.TextBoxFor(model => model.TelefonoAlterno)%>
                <%: Html.ValidationMessageFor(model => model.TelefonoAlterno)%>
            </div>
        </div>
        


    </fieldset>
    <%: Html.HiddenFor(model => model.UsuariosHidden) %>
    <%: Html.HiddenFor(model => model.CodigoCliente) %>
    <%: Html.HiddenFor(model => model.EventosHidden) %>
    <p>
        <input type="submit" value="Guardar" />
        <%if (Model.Id > 0)
          {%>
        <input type="button" onclick="javascript:eliminar(<%: Model.Id %>, '<%= ResolveUrl("~") %>Recursos/EliminarUnidad', '<%= ResolveUrl("~") %>Recursos/Unidades')"
            value="Eliminar" />
        <%} %>
        <input type="button" onclick="javascript:document.location.href='<%= ResolveUrl("~") %>Recursos/Unidades'"
            value="Cancelar" />
    </p>
    <% } %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftAjax.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcAjax.js"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/MicrosoftMvcValidation.js"></script>
    <script src="<%= ResolveUrl("~") %>Scripts/msdropdown/js/jquery.dd.js" type="text/javascript"></script>
    <script type="text/javascript" src="<%= ResolveUrl("~") %>Scripts/helpers.js"></script>
    <link rel="stylesheet" type="text/css" href="<%= ResolveUrl("~") %>Scripts/msdropdown/dd.css" />
    <script language="javascript" type="text/javascript">
        $(function () {
            $("#navbar").hide();

            <% if((bool)ViewData["CambiarCelular"] == false) { %>
                $('#Telefono').attr("disabled", true);
            <% } %>

            $('select#Icono option').each(function (i, selected) {
                $(selected).attr("title", '<%= ResolveUrl("~") %>Content/Images/' + $(selected).val() + '.gif');
            });

            $('form').submit(function () {
                var tmp = new Array();
                $('select#UsuariosSeleccionadosList option').each(function (i, selected) {
                    tmp[i] = $(selected).val();
                });
                $('#UsuariosHidden').val(tmp.join(','));

                var tmpGrp = new Array();
                $('select#EventosSeleccionadosList option').each(function (i, selected) {
                    tmpGrp[i] = $(selected).val();
                });
                $('#EventosHidden').val(tmpGrp.join(','));

                return true;
            });

            $('select#Icono').width(150);

            $('#UsuariosDisponiblesList').dblclick(function () {
                $('#UsuariosDisponiblesList option:selected').remove().appendTo('#UsuariosSeleccionadosList');
            });

            $('#btnAgregarUsuario').click(function () {
                $('#UsuariosDisponiblesList option:selected').remove().appendTo('#UsuariosSeleccionadosList');
            });

            $('#UsuariosSeleccionadosList').dblclick(function () {
                $('#UsuariosSeleccionadosList option:selected').remove().appendTo('#UsuariosDisponiblesList');
            });

            $('#btnRemoverUsuario').click(function () {
                $('#UsuariosSeleccionadosList option:selected').remove().appendTo('#UsuariosDisponiblesList');
            });

            //

            $('#EventosDisponiblesList').dblclick(function () {
                $('#EventosDisponiblesList option:selected').remove().appendTo('#EventosSeleccionadosList');
            });

            $('#btnAgregarEvento').click(function () {
                $('#EventosDisponiblesList option:selected').remove().appendTo('#EventosSeleccionadosList');
            });

            $('#EventosSeleccionadosList').dblclick(function () {
                $('#EventosSeleccionadosList option:selected').remove().appendTo('#EventosDisponiblesList');
            });

            $('#btnRemoverEvento').click(function () {
                $('#EventosSeleccionadosList option:selected').remove().appendTo('#EventosDisponiblesList');
            });

            try {
                $("#Icono").msDropDown();
            } catch (e) {
                alert(e.message);
            }
        });        
    </script>
    <title>Nueva Unidad</title>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MenuContentPlaceHolder" runat="server">
</asp:Content>
